<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/about.css">
    <link rel="stylesheet" href="./css/newsAll.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./swiper/css/swiper.min.css">
    <script src="./js/main.js"></script>
    <script src="./swiper/js/swiper.min.js"></script>
    <script src="./js/validate/jquery-1.9.1.js"></script>
    <script src="./js/validate/jquery.validate.min.js"></script>
    <script src="./js/validate/messages_zh.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="headerAll">
        <header>
            <div class="nav-heart header dsfr">
                <div class="logo"><img src="./img/logo.png" alt=""></div>
                <div class="headerRight dsfc">
                    <ul class="cll dsfr">
                        <li><a href=""><img src="./img/login/denglu-n.png" alt=""><span>登录</span></a></li>
                        <li><a href=""><img src="./img/login/zhuce-hui.png" alt=""><span>注册</span></a></li>
                        <li><a href=""><img src="./img/login/dingyue-hui.png" alt=""><span>订阅</span></a></li>
                        <li><a href=""><img src="./img/login/changjianwenti-hui.png" alt=""><span>常见问题</span></a></li>
                        <li><a href=""><img src="./img/login/lianxiwomen-hui.png" alt=""><span>联系我们</span></a></li>
                        <li><a href=""><img src="./img/login/tijiao-n.png" alt=""><span>建议提交</span></a></li>
                    </ul>
                    <div class="hRsearch dsfr">
                        <select name="" id="">
                            <option value="">新闻速递</option>
                            <option value="">新闻速递</option>
                            <option value="">新闻速递</option>
                            <option value="">新闻速递</option>
                        </select>
                        <input type="text" value="">
                        <button><span>搜索</span> </button>
                    </div>
                </div>
            </div>
        </header>
        <nav>
            <ul class="nav-heart cll">
                <li><a href="">首页</a></li>
                <li><a href="">关于CSUA</a></li>
                <li><a href="">新闻速递</a></li>
                <li><a href="">资料分享</a></li>
                <li><a href="">论坛版块</a></li>
            </ul>
        </nav>
    </div>



    <script>
        $.validator.setDefaults({
            submitHandler: function(form) {
              alert("提交事件!");
            $.post('',$(form),function(res){alert(res),function(err){alert(err)}})

            }
        });
            
        
      
        $().ready(function() {
            $("#commentForm").validate();
        });
    </script>
        <div class="heart">
            <p class="zc-title">注册本站账号</p>
            <div class="zc-alert">
                <p>请完整填写以下信息进行注册。</p> 
                <p>
                    注册完成后，该帐号将作为您在本站的通行帐号，您可以享受本站提供的各种服务。
                    <img src="./img/regist/xinghao.png" alt="">
                    <span style="color:#FF0000 ;">为必填项。</span>
                </p> 
            </div>
            <form class="cmxform" id="commentForm" method="get" action="">
                
                    <p>
                    <label for="cname">昵称</label>
                    <input id="cname" name="name" minlength="2" type="text" required>
                    <img src="./img/regist/xinghao.png" alt="">
                    </p>
                    <p>
                    <label for="rname">真实姓名</label>
                    <input id="rname"  name="rname" required>
                    <img src="./img/regist/xinghao.png" alt="">
                    </p>
                    <p>
                    <label for="tel">手机号</label>
                    <input id="tel" type="number" name="tel">
                    <img src="./img/regist/xinghao.png" alt="">
                    </p>
                    <p>
                    <label for="ccomment">短信验证码</label>
                    <input id="ccomment" name="comment" required></input>
                    <img src="./img/regist/xinghao.png" alt="">
                    <img style="height: 32px;width: auto;" src="./img/logo.png" alt="">
                    </p>
                    <p>
                    <label for="ccomment">所在公司</label>
                    <input id="ccomment" name="comment" ></input>
                    </p>
                    <p>
                    <label for="ccomment">登录密码</label>
                    <input id="ccomment" name="comment" minlength="5" required></input>
                    <img src="./img/regist/xinghao.png" alt="">
                    </p>
                    <p>
                    <label for="ccomment">企业邮箱</label>
                    <input id="ccomment" name="comment"  type="email" ></input>
                    
                    </p>
                    <p style="font-size: 12px;color: #4A4A4A;">请准确填入您的邮箱，在忘记密码，或者您使用邮件通知功能时，会发送邮件到该邮箱。</p>
                    <p>
                    <input class="submit" style="border:none;width: 160px;height: 50px;background: #FFB364;
                    border-radius: 4px;margin-left: 100px;" type="submit" value="注册新用户">
                    </p>
                
                </form>
        </div>
       



    <footer>
            沪ICP备11042603号
    </footer>
    


</body>
</html>